@font-face {
    font-family: 'webfont';
    src: url('../static/fonts/webfont.eot'); /* IE9 */
    src: url('../static/fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../static/fonts/webfont.woff') format('woff'), /* chrome、firefox */
    url('../static/fonts/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../static/fonts/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}
html, body {
    font-family: "webfont" !important;
    font-size: 16px;
}
.wd-300 {
    width: 300px !important;
}
.wd-400 {
    width: 400px !important;
}

.text-center {
    text-align: center;
}
.hidden {
    display: none;
}
.icon-brief {
    font-size: 16px !important;
    margin: 2px;
    vertical-align: bottom !important;
}
.icon-detail {
    font-size: 16px !important;
    vertical-align: text-bottom !important;
}
.margin-bottom-12 {
    margin-bottom: 0.75rem !important;
}